<template>
 <view class="myLogin">
   <u-cell-group :border="false" :customStyle="{ 'margin-bottom': '20px' }">
     <u-cell
       title="手机号登录"
       :border="false"
       :titleStyle="{ 'font-weight': 600, 'font-size': '24px' }"
       :isLink="true"
     >
       <navigator slot="value" class="u-slot-value" url="/pages/login/login">账号登录</navigator>
       <u-icon
         slot="right-icon"
         name="play-right-fill"
         color="#EF4F3F"
         size="10"
       ></u-icon>
     </u-cell>
   </u-cell-group>
   <u--form labelPosition="left" :model="form" ref="uForm" class="form">
     <u-form-item prop="form.phoneNumber" borderBottom ref="item1">
       <u--input
         v-model="form.phoneNumber"
         border="none"
         placeholder="请输入手机号"
       ></u--input>
       <u-icon
         slot="right"
         class="input-del"
         name="close-circle-fill"
         color="#CCCCCC"
         size="14"
       ></u-icon>
     </u-form-item>
 
     <u-form-item prop="form.password" borderBottom ref="item2">
       <u--input
         v-model="form.password"
         border="none"
         placeholder="请输入验证码"
       >
       </u--input>
       <view slot="right" class="input-icon">
         <button style="background-color: #fff;font-size: 15px;">获取验证码</button>
        
       </view>
     </u-form-item>
   </u--form>
 
   <u-button type="error" shape="circle" text="登录"></u-button>
 </view>
</template>

<script>
  export default {
    name: '',
    components: {},
    data() {
      return {
        form: {
          phoneNumber: "",
          password: "",
        },
        
      };
    },
    created(){},
    mounted(){},
    onLoad(){},
    methods: {
      
    }
  }
</script>

<style lang="scss">
  .u-slot-value {
    color: #ef4f3f;
    font-weight: 500;
    font-size: 16px;
  }
  
  ::v-deep .u-cell__body {
    padding: 20px 0 !important;
  }
  
  
  
  ::v-deep .u-icon__icon.uicon-close-circle-fill {
    display: none !important;
  }
  
  .myLogin {
    padding: 33px;
  }
  
  .form {
    margin-bottom: 50px;
  }

</style>
